﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui</title>
    <link href="../../../css/Hui.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
</head>
<body>
    <!--################################单行分享区域################################-->
    <div class="single-menu H-background-color-transparent-1 H-flexbox-vertical H-display-none-important H-position-absolute H-vertical-top-0 H-horizontal-left-0 H-horizontal-right-0 H-vertical-bottom-0 H-height-100-percent H-width-100-percent H-z-index-1000000">
        <div class="space H-flex-item"></div>
        <div class="share-menu">
            <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-qq H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">QQ好友</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-weixin H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">微信好友</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color3 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-weibo H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">新浪微博</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-qzone H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">QQ空间</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-friends H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">朋友圈</label>
                </div>
            </div>
            <div tapmode="" onclick="H.swiperShare('.single-menu', '.share-menu', 'space');" class="H-theme-background-color-eee H-padding-12 H-font-size-16 H-center-all H-touch-active">取消分享</div>
        </div>
    </div>
    <!--################################多行分享区域################################-->
    <div class="multi-menu H-background-color-transparent-1 H-flexbox-vertical H-display-none-important H-position-absolute H-vertical-top-0 H-horizontal-left-0 H-horizontal-right-0 H-vertical-bottom-0 H-height-100-percent H-width-100-percent H-z-index-1000000">
        <div class="space H-flex-item"></div>
        <div class="share-menu">
            <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-qq H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">QQ好友</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-weixin H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">微信好友</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color3 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-weibo H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">新浪微博</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-qzone H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">QQ空间</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-friends H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">朋友圈</label>
                </div>
            </div>
            <div class="H-flexbox-horizontal H-text-align-center H-theme-background-color-white H-padding-vertical-both-10">
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color1 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-qq H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">QQ好友</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color2 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-weixin H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">微信好友</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color3 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-weibo H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">新浪微博</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color4 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-qzone H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">QQ空间</label>
                </div>
                <div class="H-flex-item">
                    <span class="H-icon H-center-all H-theme-background-color5 H-border-radius-circle H-margin-horizontal-auto" style="height: 42px; width: 42px; "><i class="H-iconfont H-icon-friends H-font-size-22 H-theme-font-color-white"></i></span>
                    <label class="H-display-block H-font-size-13 H-margin-vertical-top-5">朋友圈</label>
                </div>
            </div>
            <div tapmode="" onclick="H.swiperShare('.multi-menu', '.share-menu', 'space');" class="H-theme-background-color-eee H-padding-12 H-font-size-16 H-center-all H-touch-active">取消分享</div>
        </div>
    </div>
    <div class="H-margin-horizontal-both-10 H-margin-vertical-top-10">
        <button tapmode="" onclick="H.swiperShare('.single-menu', '.share-menu', 'space');" class="H-button H-width-100-percent  H-font-size-15 H-outline-none H-padding-vertical-both-12 H-padding-horizontal-both-20 H-theme-background-color1 H-theme-font-color-white H-theme-border-color1 H-theme-border-color1-click H-theme-background-color1-click H-theme-font-color1-click H-border-radius-3">单行分享</button>
    </div>
    <div class="H-margin-horizontal-both-10 H-margin-vertical-top-10">
        <button tapmode="" onclick="H.swiperShare('.multi-menu', '.share-menu', 'space');" class="H-button H-width-100-percent  H-font-size-15 H-outline-none H-padding-vertical-both-12 H-padding-horizontal-both-20 H-theme-background-color2 H-theme-font-color-white H-theme-border-color2 H-theme-border-color2-click H-theme-background-color2-click H-theme-font-color2-click H-border-radius-3">多行分享</button>
    </div>
    <div class="fixStatusBar"></div>
    <script src="../../../script/H.js" type="text/javascript"></script>
    <script type="text/javascript">
    </script>
</body>
</html>